.box {
	width: 750upx;
	min-height: calc(100vh - 44px);
	background-color: #F8F8F8;
	padding-bottom: 125upx;
	.selectMember {
		position: fixed;
		top: 88upx;
		left: 0;
		width: 750upx;
		height: 130upx;
		background-color: #38CB97;
		padding: 34upx 24upx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		z-index: 10;
		.member {
			flex: 1;
			margin-right: 45upx;
			height: 62upx;
			background-color: #FFFFFF;
			border-radius: 6upx;
			line-height: 62upx;
			image {
				width: 26upx;
				height: 26upx;
				margin: 0 18upx;
			}
			text {
				color: #38CB97;
				font-size: 30upx;
			}
		}
		.save {
			width: 138upx;
			height: 62upx;
			line-height: 62upx;
			text-align: center;
			border-radius: 8upx;
			background: #D0FFEE;
			color: #333333;
			margin-right: 19upx;
			font-size: 28upx;
		}
		.toSend {
			background-color: #16AE78;
			width: 138upx;
			height: 62upx;
			line-height: 62upx;
			text-align: center;
			border-radius: 8upx;
			color: #FFFFFF;
			font-size: 28upx;
		}
	}
	
	.mainContent {
		margin: 130upx 24upx 0;
		width: 702upx;	
		.problemDirectory {
			padding-top: 33upx;
			.quesitonDirectory {
				width: 702upx;
				background: #E6F3FF;
				border-radius: 12upx;
				padding: 25upx 30upx;
				box-sizing: border-box;				
				.title {
					color: #333333;
					font-size: 30upx;
					font-weight: bold;
					text-align: center;
				}
				.check {
					font-size: 28upx;
					color: #333333;
					line-height: 40upx;
					margin-top: 15upx;
				}
			}
		}
		.details {
			width: 702upx;
			.describe {
				background: #FFFFFF;
				border-radius: 12upx;
				width: 702upx;
				.itemBox {
					display: flex;
					height: 110upx;
					align-items: center;
					.item{
						height: 100%;
						flex: 1;
						display: flex;
						align-items: center;
						margin: 0 32upx 0 24upx;
						border-bottom: 1upx solid #f3f3f3;
						color: #333;
						label {
							color: #333333;
							font-size: 28upx;
						}
						input {
							flex: 1;
							font-size: 28upx;
						}					
					}
					
					image {
						width: 15upx;
						height: 15upx;
						margin-right: 24upx;
					}
				}
				.itemBox:last-child {
					.item {
						border-bottom: none !important;
					}			
				}	
				.navBox {
					padding: 0 24upx;
					display: flex;
					align-items: center;
					font-size: 28upx;
					color: #333333;	
					box-sizing: border-box;
					.nav {
						width: 606upx;
						display: flex;
						align-items: center;
						border-bottom: 1upx solid #E0E0E0;
						padding: 32upx 0;
						 margin:0 16px 0 0;
						.navSmall {
							flex: 1;
							label {
								color: #333333;
								font-size: 28upx;
							}
							.problem {
								input {
									flex: 1;
									font-size: 28upx;
								}
							}
							.answer {
								font-weight: bold;
								min-height: 60upx;
								height: 100%;
								editor {
									height: unset !important;
									font-size: 28upx;
									width: 100%;
									min-height: 60upx;
									overflow-x: hidden;
									overflow-y: auto;
								}
							}
						}
						
					}
					image {
						width: 15upx !important;
						height: 15upx !important;
					}
				}
				.navBox:last-child {
					.nav {
						border: none;
					}
				}
			}
			.addmore {
				margin-top: 4upx;
				background-color: #FFFFFF;
				width: 100%;
				height: 74upx;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #B9BFD4;
				font-size: 26upx;
				border-radius: 12upx;
				image {
					width: 24upx;
					height: 24upx;
					margin-right: 10upx;
				}
			}
		}
	}
}
